// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.


import router from './router'



// 1.0 导入vue核心包
import Vue from 'vue'

// 2.0 导入App.vue的vue对象
import App from './App.vue'

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);



import home from './components/Home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photolist from './components/photo/photolist.vue';
import photoinfo from './components/photo/photoinfo.vue';
import goodslist from './components/goods/goodslist.vue';
 // 3.0.2 定义路由规则
var router1 = new vueRouter({
	linkActiveClass:'mui-active',  //改变路由激活时的class名称
 	routes:[
		{path:'/',redirect:'/home'},   //首页
		{path:'/home',component:home},   //首页
		{path:'/shopcar',component:shopcar},  // 购物车
	 	{path:'/news/newslist',component:newslist}, //新闻资讯列表页面
		{path:'/news/newsinfo/:id',component:newsinfo},  // 新闻资讯详情页面 
		{path:'/photo/photolist',component:photolist},// 图片分享页面
		{path:'/photo/photoinfo/:id',component:photoinfo},// 图片详情页面
		{path:'/goods/goodslist',component:goodslist},//商品页面
	] 
  }); 
  
  // 4.0 注册mint-ui
  // 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
// 导入mint-ui组件对象
import mintui from 'mint-ui';

// 在Vue中全局使用mintui
Vue.use(mintui);
import '../static/mui/css/mui.css';

import'../static/css/site.css'

// 7.0 将vue-resource在vue中绑定，自动在vue对象实例上注入一个$http对象就可以使用ajax方法了
import vueResource from 'vue-resource';
Vue.use(vueResource);

// 8.0 定义一个全局过滤器实现日期的格式化
import moment from 'moment';
Vue.filter('datefmt',function(input,fmtstring){
//	使用momentjs这个日期格式化类库实现日的格式化功能
	return moment(input).format(fmtstring);
});

//9.0 图片预览功能
import VuePreview from 'vue-preview';
Vue.use(VuePreview)


Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router:router1,
  render:c=>c(App)
})
